<template>
	<view class="login">
		<view class="login-title">
			<text class="fs24">Welcome</text>
			<text class="fs14">欢迎来到楚楚街商城</text>
		</view>
		<view class="login-content mt30">
			<LoginForm v-if="pageType === 'loginForm'" :pageType.sync="pageType" />
			<RegisterForm v-if="pageType === 'registerForm'" :pageType.sync="pageType" />
		</view>
	</view>
</template>

<script>
	import LoginForm from './loginForm.vue'
	import RegisterForm from './registerForm.vue'
	export default {
		components: { LoginForm, RegisterForm },
		data() {
			return {
				pageType: 'loginForm',
				statusHeight: uni.getSystemInfoSync().statusBarHeight
			};
		},
		mounted() {
			console.log('系统状态栏高度', this.statusHeight)
		}
	}
</script>

<style lang="scss" scoped>
.login{
	// padding: 80rpx 40rpx 40rpx 40rpx;
	padding-top: 40rpx;
	&-title{
		display: flex;
		flex-direction: column;
		letter-spacing: 2px;
	}
	&-content{
	}
}

</style>
